<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>
        Apokalis said
    </title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
/* 最大盒子的背景图片 */
        body {
            background-image: url(./小年/QQ图片背景.jpg);
        }



        /* 奥托盒子，子绝父相 */

        .box2 {
            position: relative;
            background-repeat: no-repeat;
            background-size: 1300px 800px;
            background-image: url(./小年/QQ图片背景.jpg);


        }
          
        .box2-1 {

            position: absolute;
            top: 100px;
            right: 40px;
        }




/* 控制五个小盒子和大盒子的位置 */

        .ym {
            width: 1500px;
            height: 300px;
        }

        .ym1 {
            width: 86px;
            height: 50px;
            position: absolute;
            top: 140px;
            right: 350px;
        }

        .ym2 {
            width: 86px;
            height: 50px;
            position: absolute;
            top: 140px;
            right: 250px;
        }

        .ym3 {
            width: 86px;
            height: 50px;
            position: absolute;
            top: 140px;
            right: 150px;
        }

        .ym4 {
            width: 86px;
            height: 50px;
            position: absolute;
            top: 140px;
            right: 50px;
        }

        .ym5 {
            width: 86px;
            height: 50px;
            position: absolute;
            top: 140px;
            right: -50px;
        }


/* 壁纸的排列 */
        .items {
            width: 1300px;
            margin: auto;
            background-image: url(./小年/QQ图片背景.jpg);

            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }

        .paper-item {
            width: 400px;
            height: 260px;
            background-color: aliceblue;
            margin-bottom: 20px;
            text-align: center;
            color: black;
            font-weight: 900;

        }

        .bt {
            width: 1300px;
            height: 130px;

        }

        .dh {
            width: 1300px;
            height: 130px;

        }


        /* 版芯 */

        .pdd-head-wrapper {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            height: 67px;
            z-index: 999;
            background-color: rgba(61, 51, 51, 0.8);
            border-bottom: 2px solid #62eaf5;
        }

        .head {
            position: relative;
            width: 1200px;
            left: 160px;
            top: 15px;

        }

        .menu a:hover .banxin {
            color: #fff;
        }

        .menu a:hover {
            color: #fff;
        }

        .item {
            display: inline-block;
            padding-left: 40px;

        }


        .english {
            text-decoration: none;
            color: rgb(1, 171, 171);
            font-style: italic;
            font-size: 4px;
            font-weight: 600;
        }

        .banxin {
            color: aqua;
            font-style: italic;
            font-size: large;
            font-weight: 600;
        }

        .Grow {
            position: absolute;
            right: 300px;
            top: 20px;
            text-decoration: none;
            color: aqua;
            font-size: smaller;
            font-weight: 500;
        }

        .grow {
            text-decoration: none;
            color: aqua;
            font-size: smaller;
            font-weight: 500;

        }

        .Through {
            position: absolute;
            right: 200px;
            top: 20px;
            text-decoration: none;
            color: aqua;
            font-size: smaller;
            font-weight: 500;

        }

        .through {
            text-decoration: none;
            color: aqua;
            font-size: smaller;
            font-weight: 500;


        }
/* 下面页数1234等的位置 */
        .fy {

            position: absolute;
            left: 0px;

            width: 500px;
            height: 50px;
            color: black;



        }

        .fy1 {
            position: absolute;
            top: 40px;
            left: 300px;
            ;
            width: 50px;
            height: 20px;


        }

        .fy2 {
            position: absolute;
            top: 40px;
            left: 350px;
            ;
            width: 50px;
            height: 20px;

        }

        .fy3 {
            position: absolute;
            top: 40px;
            left: 420px;
            ;
            width: 50px;
            height: 20px;

        }

        .fy4 {
            position: absolute;
            top: 40px;
            left: 450px;
            ;
            width: 50px;
            height: 20px;

        }

        .fy5 {
            position: absolute;
            top: 40px;
            left: 500px;
            ;
            width: 50px;
            height: 20px;

        }

        .fy6 {
            position: absolute;
            top: 40px;
            left: 550px;
            ;
            width: 50px;
            height: 20px;

        }

        .fy7 {
            position: absolute;
            top: 40px;
            left: 600px;
            ;
            width: 50px;
            height: 20px;

        }

        .fy8 {
            position: absolute;
            top: 40px;
            left: 650px;
            ;
            width: 50px;
            height: 20px;

        }

        .fy9 {
            position: absolute;
            top: 40px;
            left: 700px;
            ;
            width: 50px;
            height: 20px;

        }

        .fy10 {
            position: absolute;
            top: 40px;
            left: 750px;
            ;
            width: 50px;
            height: 20px;


        }

        .fy11 {
            position: absolute;
            top: 40px;
            left: 830px;
            ;
            width: 50px;
            height: 20px;

        }
/* 控制两个字体 ，动画和壁纸*/
        .wallpapers-title {
            font-size: 60px;
            font-weight: bold;
            color: #96dbff;
            text-align: center;
            padding: 30px 0;
        }

        
        .wsy {
            color: aliceblue;
        }

        .wsyl {
            font-size: xx-large;
        }

        /* 底部盒子的位置 */

        .bot {
        color: aliceblue;
        display: flex;
        width: 100%;
        height: 500px;
        background-color: black;
        position: fixed;
        top: 1500px;
        left: 15px;
        flex-wrap: wrap;
        position: absolute;
        padding: 30px 0;
        padding-bottom: 70px;
    }
    .bot-p{
        position: relative;
        flex-wrap: wrap;
        display: flex;
        font-weight: bold;
        text-align: center;
        margin-left: 790px;
        display: inline-block;
        font-size: small;
        cursor: pointer;
    }
    .bot-p-a{
        font-size: large;
       margin-left: auto;
    }
     .bot-ph{
       position: relative;
       width: 300px;
       display: flex;
       display: inline-block;
       cursor: pointer;
       top: 200px;
    }
    



   

    


    </style>
</head>

<body>
    <div class="wallpapers-title">
        <span class="wsy">动画</span>
        <span>/</span>
        <span class="wsyl">ANIMATIONS</span>
    </div>

      <!-- 动画字体第一个盒子 -->


      <!-- 第二个盒子，奥托 -->
    <div class="box2">
        <img class="ym" src="https://uploadstatic.mihoyo.com/contentweb/20220121/2022012116375784415.jpg" alt="">
        <div class="box2-1">
            <i></i> <a href="https://www.bilibili.com/video/BV1Kj411g7Lu/"><img class="ym1"
                    src="https://webstatic.mihoyo.com/upload/contentweb/2023/03/08/6945dd91b7461711a9006e794c7a28e6_850712920918882297.png"
                    alt=""></a>
        </div>
        <div class="box2-1">
            <i></i> <a href="https://www.bilibili.com/video/BV1fY4y1F7GL"><img class="ym2"
                    src="https://webstatic.mihoyo.com/upload/contentweb/2022/08/12/5cc9e7d9e5b59529f786801c97414e56_8642774847250475530.png"
                    alt=""></a>
        </div>
        <div class="box2-1">
            <i></i> <a href="https://www.bilibili.com/video/BV1bY411b7k9/"><img class="ym3"
                    src="https://uploadstatic.mihoyo.com/contentweb/20220121/2022012116380715763.jpg" alt=""></a>
        </div>
        <div class="box2-1">
            <i></i> <a href="https://www.bilibili.com/video/BV1b44y1q7Cb"><img class="ym4"
                    src="https://uploadstatic.mihoyo.com/contentweb/20210721/2021072119143479921.jpg" alt=""></a>
        </div>
        <div class="box2-1">
            <i></i> <a href="https://www.bilibili.com/video/BV1jN411o7zS"><img class="ym5"
                    src="https://uploadstatic.mihoyo.com/contentweb/20210201/2021020114084526332.jpg" alt=""></a>
        </div>

    </div>

<!-- 第三个盒子，壁纸字体 -->
    <div>
        <div class="wallpapers-title">
            <span class="wsy">壁纸</span>
            <span>/</span>
            <span class="wsyl">WALLPAPERS</span>
        </div>


        <!-- 壁纸，第四个盒子 -->
        <div class="items">


            <div class="paper-item"><a
                    href="https://webstatic.mihoyo.com/upload/contentweb/2023/01/18/a8a11a84ec864857b8b5ecccde0e3b0d_7518032760986349790.png"
                    target="_blank"><img
                        src="https://webstatic.mihoyo.com/upload/contentweb/2023/01/18/a8a11a84ec864857b8b5ecccde0e3b0d_7518032760986349790.png?x-oss-process=image/resize,w_400"></a>
                <div>
                    终焉归始
                </div>
            </div>
            <div class="paper-item"><a
                    href="https://webstatic.mihoyo.com/upload/contentweb/2022/12/14/1809b567ee823bc741cd0d3e355c5891_3955607419716857496.png"
                    target="_blank"><img
                        src="https://webstatic.mihoyo.com/upload/contentweb/2022/12/14/1809b567ee823bc741cd0d3e355c5891_3955607419716857496.png?x-oss-process=image/resize,w_400"></a>
                <div>
                    真理交响
                </div>
            </div>
            <div class="paper-item"><a
                    href="https://webstatic.mihoyo.com/upload/contentweb/2022/11/09/90948b469f25e93a0eb253997b2e3b93_2032159800893395304.png"
                    target="_blank"><img
                        src="https://webstatic.mihoyo.com/upload/contentweb/2022/11/09/90948b469f25e93a0eb253997b2e3b93_2032159800893395304.png?x-oss-process=image/resize,w_400"></a>
                <div>
                    时帆归羽
                </div>
            </div>
            <div class="paper-item"><a
                    href="https://webstatic.mihoyo.com/upload/contentweb/2022/09/28/28f389ece424575a60bfa035d1b41291_7943079202415139916.png"
                    target="_blank"><img
                        src="https://webstatic.mihoyo.com/upload/contentweb/2022/09/28/28f389ece424575a60bfa035d1b41291_7943079202415139916.png?x-oss-process=image/resize,w_400"></a>
                <div>
                    月痕侠影
                </div>
            </div>
            <div class="paper-item"><a
                    href="https://webstatic.mihoyo.com/upload/contentweb/2022/09/28/6028a07f6dd6c6e981f72f7592be59d7_1113189012802803565.png"
                    target="_blank"><img
                        src="https://webstatic.mihoyo.com/upload/contentweb/2022/09/28/6028a07f6dd6c6e981f72f7592be59d7_1113189012802803565.png?x-oss-process=image/resize,w_400"></a>
                <div>
                    同心启航
                </div>
            </div>
            <div class="paper-item"><a
                    href="https://webstatic.mihoyo.com/upload/contentweb/2022/09/27/21031b52530de7e1f447d1999fdf7687_7651660074082305936.png"
                    target="_blank"><img
                        src="https://webstatic.mihoyo.com/upload/contentweb/2022/09/27/21031b52530de7e1f447d1999fdf7687_7651660074082305936.png?x-oss-process=image/resize,w_400"></a>
                <div>
                    辉映流年
                </div>
            </div>
            <div class="paper-item"><a
                    href="https://webstatic.mihoyo.com/upload/contentweb/2022/09/27/8a0cb3ea0027ea41527c6e96d9fa125f_1191188521518151810.png"
                    target="_blank"><img
                        src="https://webstatic.mihoyo.com/upload/contentweb/2022/09/27/8a0cb3ea0027ea41527c6e96d9fa125f_1191188521518151810.png?x-oss-process=image/resize,w_400"></a>
                <div>
                    六周年
                </div>
            </div>
            <div class="paper-item"><a
                    href="https://webstatic.mihoyo.com/upload/contentweb/2022/08/16/0b8632a0c1501c7de882cb08789fcf0c_1230141489251612305.png"
                    target="_blank"><img
                        src="https://webstatic.mihoyo.com/upload/contentweb/2022/08/16/0b8632a0c1501c7de882cb08789fcf0c_1230141489251612305.png?x-oss-process=image/resize,w_400"></a>
                <div>
                    光辉矢愿
                </div>
            </div>
            <div class="paper-item"><a
                    href="https://webstatic.mihoyo.com/upload/contentweb/2022/07/12/19a0f9530b1b1bc20c3840b5b2a5230d_8458893993664165357.png"
                    target="_blank"><img
                        src="https://webstatic.mihoyo.com/upload/contentweb/2022/07/12/19a0f9530b1b1bc20c3840b5b2a5230d_8458893993664165357.png?x-oss-process=image/resize,w_400"></a>
                <div>
                    螺旋长宴
                </div>





<!-- 下面的页数，第五个盒子 -->

                <div class="fy">
                    <img src="./小年/屏幕截图 烦躁.png" alt="">
                    <div class="fy1">
                        首页
                    </div>
                    <div class="fy2 ">
                        上一页
                    </div>
                    <div class="fy3">
                        1
                    </div>
                    <div class="fy4">
                        2
                    </div>
                    <div class="fy5">
                        3
                    </div>
                    <div class="fy6">
                        4
                    </div>
                    <div class="fy7">
                        5
                    </div>
                    <div class="fy8">
                        7
                    </div>
                    <div class="fy9">
                        8
                    </div>
                    <div class="fy10">
                        下一页
                    </div>
                    <div class="fy11">
                        最后页
                    </div>


                </div>

                <!-- 版芯 -->
                <div class="pdd-head-wrapper">
                    <div class="head">
                        <ul class="menu">
                            <li class="item"><a class="english" href="http://xhcantonese.gitee.io/xh.123/"><span>
                                        <table><span class="banxin">官网首页</span></table>HOME
                                    </span></a>
                            <li class="item"><a class="english" href="http://tl345gffgbb830hhj5.gitee.io/h-faction"><span>
                                        <table><span class="banxin">作战咨询</span></table>NEWS
                                    </span></a>
                            <li class="item"><a class="english" href="http://tl345gffgbb830hhj5.gitee.io/z-tao"><span>
                                        <table><span class="banxin">女武神</span></table>VALKYRIES
                                    </span></a>
                            <li class="item"><a class="english" href=" http://tl345gffgbb830hhj5.gitee.io/sirius"><span>
                                        <table><span class="banxin">动画壁纸</span></table>WALLPAPERS
                                    </span></a>
                            <li class="item"><a class="english" href="https://mihoyo.tmall.com/" target="_blank"><span>
                                        <table><span class="banxin">周边商城</span></table>MERCH
                                    </span></a>
                            <li class="item"><a class="english" href="https://www.miyoushe.com/bh3/"
                                    target="_blank"><span>
                                        <table><span class="banxin">官方社区</span></table>COMMUNITY
                                    </span></a>
                        </ul>
                    </div>
                </div>

                <!-- 底部页面 -->
                <div class="bot">
                    <div class="bot-ph" style="display: flex;      align-items: center;"> <img
                        src="https://webstatic.mihoyo.com/upload/event/2021/03/01/ed39ba943da56c88dec2b18f4bfb0a32_2315648370550091638.png"
                        alt=""> <span><div style="display: flex;      align-items: center;"></div></span> </div>
                    <div> <img  class="bot-ph"  style="display: flex;      align-items: center;"
                          src="https://uploadstatic.mihoyo.com/bh3/upload/officialsites/201909/game-tion-2-logo_1568108157_3779.png"
                          class="game-logo" alt=""> </div>
                    
                <div class="bot-p">
                    <div class="bot-p-a">用户协议| 隐私政策| 儿童隐私政策| 自律公约| 成长关爱| 关于我们| 联系我们| 加入我们</div>
                    <div>健康游戏忠告：抵制不良游戏，拒绝盗版游戏。注意自我保护，谨防受骗上当。适度游戏益脑，沉迷游戏伤身。合理安排时间，享受健康生活。</div>
        
                    <div>适龄提示： 本游戏适合12岁以上玩家娱乐</div>
                    <div>沪公网安备31010402001116号
                        |
                        增值电信业务经营许可证：沪B2-20200235|</div>
                    <div>沪ICP备14042301号-2 | 沪网文〔2020〕3720-270号 | 文网游备字〔2016〕Ｍ-CSG 1244 号 | 新广出审【2016】961号</div>
        
                    <div>互联网违法不良信息举报邮箱: tousu@mihoyo.com 互联网违法不良信息举报电话: 021-60371750 （工作时间：每天10点 - 20点）</div>
                    <div>亲爱的市民朋友，上海警方反诈劝阻电话“962110”系专门针对避免您财产被骗受损而设，请您一旦收到来电，立即接听</div>
                    <div>未成年成长关爱热线：021-60371740 （服务时间：8:00-23:00）</div>
                    <div>© 2016 米哈游版权所有 客服电话：400-666-6312</div>
                </div>

                


            </div>



                      
                          


                






             





































</body>

</html>